<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>慢慢卖</title>
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" type="" href="./css/category.css">
</head>

<body>
    <!--header  start-->
    <header id="header">
        <a href="javascript:;">
            <img src="./images/header_logo.png" alt="" title="慢慢卖">
        </a>
        <a href="javascript:;">
            <img src="./images/header_app.png" alt="">
        </a>
    </header>
    <!--header  end-->

    <!--search  start-->
    <aside id="search">
        <input type="seaarch" name="" placeholder="请输入你想比价的商品">
        <input type="button" value="搜索">
    </aside>
    <!--search  end-->

    <!--category  start-->
    <div class="category">
        <ul class="list">
            <!--<li class="list-item">
                <a href="javascript:;">大家电<span class="glyphicon glyphicon-chevron-right"></span></a>
                <ul class="menu">
                    <li>
                        <a href="javascript:;">电视</a>
                    </li>
                    <li>
                        <a href="javascript:;">电视</a>
                    </li>
                    <li>
                        <a href="javascript:;">电视</a>
                    </li>
                </ul>
            </li>-->
        </ul>
    </div>

    <!--category  end-->

    <!--footer  start-->
    <footer id="footer">
        <div class="top">
            <a href="javascript:;">登录</a>
            <a href="javascript:;">注册</a>
            <!--可以在js中写  window.scroolTo(0,0)  在这里写必须把#header写在href里面-->
            <a href="#header"><span class="glyphicon glyphicon-arrow-up"></span>返回顶部</a>
        </div>
        <div class="bottom">
            <p>
                <a href="javascript:;">手机app下载</a> 慢慢买手机版--掌上比价平台
            </p>
            <p>m.manmanbuy.com</p>
        </div>
    </footer>
    <!--footer  end-->
</body>
<script src="./lib/zepo/zepto.js"></script>
<script src="./js/template.js"></script>
<script src="./js/category.js"></script>

<!--动态创建主题-->
<script type="text/html" id="titleList">
    {{each result as value}}
    <li class="list-item">
        <a href="javascript:;" data-id="{{value.titleId}}">{{value.title}}<span class="glyphicon glyphicon-chevron-right"></span></a>
        <ul class="menu">
        </ul>
    </li>
    {{/each}}
</script>

<!--动态生成菜单-->
<script type="text/html" id="menuList">
    {{each result as value}}
    <li>
        <a href="./produce.html?categoryid={{value.categoryId}}&pageid=1">{{value.category}}</a>
    </li>
    {{/each}}
</script>

</html>